//header.scss
$headerHeight: 88px;

.text-els {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pjbheader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #fff;
    min-height: $headerHeight;
    line-height: $headerHeight;
    font-size: 34px;
    color: #333;
    border-bottom: 1px solid #CCCCCC;

    .h_back {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 11;
        display: block;
        width: 88px;
        background: url("../img/icon/header_left.png") no-repeat left 30px center;
        background-size: 20.5px;
    }

    .h_title {
        display: block;
        text-align: center;
        padding: 0 90px;
        @extend .text-els;
    }

    .h_link {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 11;
        display: block;
        width: 88px;
        background-position: right 30px center;
        background-repeat: no-repeat;
        text-align: right;
    }

    .word {
        color: #01B4EE;
        text-align: left;
        font-size: 30px;
    }
}

.pjbapp > div,
.pjbcontainer {
    padding-top: $headerHeight;
}
